@charset "utf8";
/**
图标前景色：#1296db
图标背景色：#8a8a8a

**/

.map-infos {
	position: fixed;
	/*top: 5px;*/
	width: 100%;
	height: 30px;
	text-align: center;
	z-index: 21;
	overflow: hidden;
	background-color: rgba(0,0,0,0.6);
}

.map-info-all {
	-webkit-animation: map-info-roll 6s linear infinite;
	animation: map-info-roll 6s linear infinite;
}

@keyframes map-info-roll {
	0% {
		transform: translateY(0);
	}
	100% {
		transform: translateY(-80px);
	}
}

.map-infos p {
	margin: 0px;
	padding: 0px;
	font-size: 16px;
	line-height: 30px;
	color: orange;
}

.map-infos p .info {
	color: orange;
}

.map-tools {
	position: fixed;
	top: 40px;
	left: 10px;
	z-index: 21
}

.map-tools .map-bt {
	width: 37px;
	height: 37px;
	background-color:#ffa500;
	border-radius: 4px;
	margin-bottom: 10px;
	padding-top: 1px;
	/*box-shadow: 2px 2px 2px 2px rgba(0, 0, 0, .4);*/
	overflow: hidden;
	border:1px solid #ffa500;
}

.map-tools .map-bt .icon {
	margin: auto;
	width: 24px;
	height: 24px;
	background-size: contain;
}

.map-tools .map-bt .title {
	text-align: center;
	display: block;
	color: #fff;
	font-size: 12px;
	transform: scale(0.80);
	position: relative;
	bottom: 4px;
}

.map-tools .map-bt.select .title {
	color: #1a84ff;
}

.map-tools .map-bt-back {
	display: none;
}

.map-tools .map-bt-own {
	display: none;
}

/** 景区部分 **/

.map-tools .map-bt-scenic .icon {
	background-image: url("../img/map-bt-scenic-0.png");
}

.map-tools .map-bt-scenic.select .icon {
	background-image: url("../img/map-bt-scenic-1.png");
}

.map-tools .map-bt-scenic-info .icon {
	background-image: url("../img/map-bt-scenic-0.png");
}

.map-tools .map-bt-scenic-info.select .icon {
	background-image: url("../img/map-bt-scenic-1.png");
}

.map-tools .map-bt-scenic-live .icon {
	background-image: url("../img/map-bt-scenic-live-0.png");
}

.map-tools .map-bt-scenic-live.select .icon {
	background-image: url("../img/map-bt-scenic-live-1.png");
}

.map-tools .map-bt-scenic-toilet .icon {
	background-image: url("../img/map-bt-toilet-0.png");
}

.map-tools .map-bt-scenic-toilet.select .icon {
	background-image: url("../img/map-bt-toilet-1.png");
}

.map-tools .map-bt-scenic-point .icon {
	background-image: url("../img/map-bt-scenic-point-0.png");
}

.map-tools .map-bt-scenic-point.select .icon {
	background-image: url("../img/map-bt-scenic-point-1.png");
}

/** 酒店部分 **/

.map-tools .map-bt-hotel .icon {
	background-image: url("../img/map-bt-hotel-0.png");
}

.map-tools .map-bt-hotel.select .icon {
	background-image: url("../img/map-bt-hotel-1.png");
}

.map-tools .map-bt-hotel-info .icon {
	background-image: url("../img/map-bt-hotel-0.png");
}

.map-tools .map-bt-hotel-info.select .icon {
	background-image: url("../img/map-bt-hotel-1.png");
}

/** 停车场部分 **/

.map-tools .map-bt-carpark .icon {
	background-image: url("../img/map-bt-carpark-0.png");
}

.map-tools .map-bt-carpark.select .icon {
	background-image: url("../img/map-bt-carpark-1.png");
}

.map-tools .map-bt-carpark-info .icon {
	background-image: url("../img/map-bt-carpark-0.png");
}

.map-tools .map-bt-carpark-info.select .icon {
	background-image: url("../img/map-bt-carpark-1.png");
}

.map-tools .map-bt-carpark-charge .icon {
	background-image: url("../img/map-bt-carpark-charge-0.png");
}

.map-tools .map-bt-carpark-charge.select .icon {
	background-image: url("../img/map-bt-carpark-charge-1.png");
}

/** 卫生间部分 **/

.map-tools .map-bt-toilet .icon {
	background-image: url("../img/map-bt-toilet-0.png");
}

.map-tools .map-bt-toilet.select .icon {
	background-image: url("../img/map-bt-toilet-1.png");
}

.map-tools .map-bt-toilet-info .icon {
	background-image: url("../img/map-bt-toilet-0.png");
}

.map-tools .map-bt-toilet-info.select .icon {
	background-image: url("../img/map-bt-toilet-1.png");
}

/** 商家部分 **/

.map-tools .map-bt-server .icon {
	background-image: url("../img/map-bt-server-0.png");
}

.map-tools .map-bt-server.select .icon {
	background-image: url("../img/map-bt-server-1.png");
}

/** 充电桩 **/

.map-tools .map-bt-charge .icon {
	background-image: url("../img/map-bt-charge-0.png");
}

.map-tools .map-bt-charge.select .icon {
	background-image: url("../img/map-bt-charge-1.png");
}

.map-tools .map-bt-charge-info .icon {
	background-image: url("../img/map-bt-charge-0.png");
}

.map-tools .map-bt-charge-info.select .icon {
	background-image: url("../img/map-bt-charge-1.png");
}


/** 购票 **/

.map-tools .map-bt-ticket .icon {
	background-image: url("../img/map-bt-ticket-0.png");
}

.map-tools .map-bt-ticket.select .icon {
	background-image: url("../img/map-bt-ticket-1.png");
}

.map-tools .map-bt-ticket-info .icon {
	background-image: url("../img/map-bt-ticket-0.png");
}

.map-tools .map-bt-ticket-info.select .icon {
	background-image: url("../img/map-bt-ticket-1.png");
}


/** 返回全域 **/

.map-tools .map-bt-back .icon {
	background-image: url("../img/map-bt-map-0.png");
}

.map-tools .map-bt-back.select .icon {
	background-image: url("../img/map-bt-map-1.png");
}

/**Marker 景区标记**/

.amap-marker .amap-icon img {
	width: 40px;
	height: 40px;
}

.amap-marker .amap-marker-label {
	background: none;
	font-weight: bold;
	color: #006699;
	font-size: 12px;
	white-space: nowrap;
	border: none;
	text-shadow: 2px 0 2px #FFFFFF, 0 2px 2px #FFFFFF, -2px 0 2px #FFFFFF, 0 -2px 2px #FFFFFF;
}

/**Marker 景区信息展示部分**/

.dialog-scenic-info .show-all-info .show-img {
	height: 100px;
	overflow: hidden;
	border-radius: 10px;
	margin-bottom: 5px;
}

.dialog-scenic-info .show-all-info .show-img img {
	width: 100%;
	margin: auto 0;
	padding: auto 0;
}

.dialog-scenic-info .show-all-info .show-voice {
	width: 100%;
	height: 50px;
	border-radius: 10px;
	overflow: hidden;
	margin-bottom: 5px;
}

.dialog-scenic-info .show-all-info .show-voice audio {
	width: 100%;
	height: 50px;
	border-radius: 10px;
}

.dialog-scenic-info .show-all-info .show-info {
	width: 100%;
	max-height: 280px;
	overflow: auto;
	font-size: 12px;
	text-align: left;
	line-height: 22px;
	white-space: pre-wrap;
	color: #5f5f5f;
}

/** Marker 景区景点信息展示部分**/

.dialog-scenic-point-info .show-all-info .show-img {
	height: 100px;
	overflow: hidden;
	border-radius: 10px;
	margin-bottom: 5px;
}

.dialog-scenic-point-info .show-all-info .show-img img {
	width: 100%;
	margin: auto 0;
	padding: auto 0;
}

.dialog-scenic-point-info .show-all-info .show-voice {
	width: 100%;
	height: 50px;
	border-radius: 10px;
	overflow: hidden;
	margin-bottom: 5px;
}

.dialog-scenic-point-info .show-all-info .show-voice audio {
	width: 100%;
	height: 50px;
	border-radius: 10px;
}

.dialog-scenic-point-info .show-all-info .show-live {
	width: 100%;
	height: 180px;
	border-radius: 10px;
	overflow: hidden;
	margin-bottom: 5px;
}

.dialog-scenic-point-info .show-all-info .show-live video {
	width: 100%;
	height: 180px;
}

.dialog-scenic-point-info .show-all-info .show-info-live {
	width: 100%;
	max-height: 100px;
	overflow: auto;
	font-size: 12px;
	text-align: left;
	line-height: 22px;
	white-space: pre-wrap;
	color: #5f5f5f;
}

.dialog-scenic-point-info .show-all-info .show-info {
	width: 100%;
	max-height: 280px;
	overflow: auto;
	font-size: 12px;
	text-align: left;
	line-height: 22px;
	white-space: pre-wrap;
	color: #5f5f5f;
}

/**Marker 景区卫生间信息展示部分**/

.dialog-scenic-toilet-info .show-all-info .show-img {
	height: 100px;
	overflow: hidden;
	border-radius: 10px;
	margin-bottom: 5px;
}

.dialog-scenic-toilet-info .show-all-info .show-img img {
	width: 100%;
	margin: auto 0;
	padding: auto 0;
}

.dialog-scenic-toilet-info .show-all-info .show-info {
	width: 100%;
	max-height: 280px;
	overflow: auto;
	font-size: 12px;
	text-align: left;
	line-height: 22px;
	white-space: pre-wrap;
	color: #5f5f5f;
}

/**Marker 酒店信息展示部分**/

.dialog-hotel-info .show-all-info .show-img {
	height: 100px;
	overflow: hidden;
	border-radius: 10px;
	margin-bottom: 5px;
}

.dialog-hotel-info .show-all-info .show-img img {
	width: 100%;
	margin: auto 0;
	padding: auto 0;
}

.dialog-hotel-info .show-all-info .show-voice {
	width: 100%;
	height: 50px;
	border-radius: 10px;
	overflow: hidden;
	margin-bottom: 5px;
}

.dialog-hotel-info .show-all-info .show-voice audio {
	width: 100%;
	height: 50px;
	border-radius: 10px;
}

.dialog-hotel-info .show-all-info .show-info {
	width: 100%;
	max-height: 280px;
	overflow: auto;
	font-size: 12px;
	text-align: left;
	line-height: 22px;
	white-space: pre-wrap;
	color: #5f5f5f;
}

/**Marker 停车场信息展示部分**/

.dialog-carpark-info .show-all-info .show-img {
	height: 100px;
	overflow: hidden;
	border-radius: 10px;
	margin-bottom: 5px;
}

.dialog-carpark-info .show-all-info .show-img img {
	width: 100%;
	margin: auto 0;
	padding: auto 0;
}

.dialog-carpark-info .show-all-info .show-info {
	width: 100%;
	max-height: 280px;
	overflow: auto;
	font-size: 12px;
	text-align: left;
	line-height: 22px;
	white-space: pre-wrap;
	color: #5f5f5f;
}

/**Marker 厕所信息展示部分**/

.dialog-toilet-info .show-all-info .show-img {
	height: 100px;
	overflow: hidden;
	border-radius: 10px;
	margin-bottom: 5px;
}

.dialog-toilet-info .show-all-info .show-img img {
	width: 100%;
	margin: auto 0;
	padding: auto 0;
}

.dialog-toilet-info .show-all-info .show-info {
	width: 100%;
	max-height: 280px;
	overflow: auto;
	font-size: 12px;
	text-align: left;
	line-height: 22px;
	white-space: pre-wrap;
	color: #5f5f5f;
}

/**Marker 充电桩信息展示部分**/

.dialog-charge-info .show-all-info .show-img {
	height: 100px;
	overflow: hidden;
	border-radius: 10px;
	margin-bottom: 5px;
}

.dialog-charge-info .show-all-info .show-img img {
	width: 100%;
	margin: auto 0;
	padding: auto 0;
}

.dialog-charge-info .show-all-info .show-info {
	width: 100%;
	max-height: 280px;
	overflow: auto;
	font-size: 12px;
	text-align: left;
	line-height: 22px;
	white-space: pre-wrap;
	color: #5f5f5f;
}